@import '../../../css/colorVar.less';
@import "~antd/lib/style/themes/default.less";

.tableList{
    .cardItem{
        display: flex;
        flex-wrap: wrap;
        >div{
            // width: ~"calc((100% - 40px  ) / 3)";
            margin-right: 20px;
        }
        // >div:nth-child(3n+3){
        //     margin-right: 0px;
        // }
      
    }
    .myIcon{
        display:none;
    }
    .cardItem >div:hover{
        .myIcon{
            display:inline-block;
        }
        .mytop{
            >div:first-child{
                padding-right: 4px;
            }
        }
    }
    .mytop{
        display: flex;
        align-items: center;
        margin-top: 4px;
        >div:first-child{
            flex: 1 1 0%;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            padding-right: 44px;
            height: 16px;
            font-size: 14px;
            font-family: PingFangSC-Medium, PingFang SC;
            font-weight: 600;
            color: @barfont_color;
            line-height: 16px;
        }
    }
    .bodyTop{
        display: flex;
        padding: 4px 0;
        border-bottom: 1px solid @cardC_head_border;
        padding-bottom: 16px;
        >div{
            width: 50%;
            text-align: center;
            >div:first-child{
                height: 24px;
                font-size: 16px;
                font-family: PingFangSC-Medium, PingFang SC;
                font-weight: 600;
                color: @table_body_text;
                line-height: 24px;
                margin-bottom: 4px;
            }
            >span{
                font-size: 12px;
                font-family: PingFangSC-Regular, PingFang SC;
                font-weight: 400;
                color: @no_permission_font;
                line-height: 16px
            }
        }
        >div:first-child{
            border-right: 1px solid @cardC_head_border;
        }
    }
    .bodyTop1{
        border-bottom: 1px solid @cardC_waringInner;
        >div:first-child{
            border-right: 1px solid @cardC_waringInner;
        }
    }
    .bodyMiddle,.bodyBottom{
        margin: 16px 0;
        display: flex;
        >div:first-child{
            height: 24px;
            font-size: 14px;
            font-family: PingFangSC-Medium, PingFang SC;
            font-weight: 600;
            color: @table_body_text;
            line-height: 24px;
            margin-right: 4px;
            margin-right: 4px;
            flex-grow: 300px;
            width: 70px;
            align-items: flex-start;
            flex-shrink: 0;
        }
        >div:nth-child(2){
            flex: 1;
            word-break: break-all;
        }
        div>.label{
            background: @cardC_head_border;
            border-radius: 2px;
            font-size: 12px;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: @text_a_Tag;
            line-height: 16px;
            padding: 1px 4px;
            margin-right: 16px;
            display: inline;
            cursor: pointer;
        }
        div>.label1{
            background:@cardC_waringBg;
            color: @cardC_waringText;
        }
    }
    .bodyBottom{
        margin: 0px;
        div:nth-child(2){
            font-size: 12px;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color:  @table_body_text;
            line-height: 24px;
        }
    
    }

}
@media screen and (max-width:1920px) { //小于1920
    .cardItem{
        >div{
            width: ~"calc((100% - 40px  ) / 3)";
            margin-right: 20px;

        }
        >div:nth-child(3n+3){
            margin-right: 0px;
        }
  }
}
  @media screen and (min-width: 1921px) {
    .cardItem{
        >div{
            width: ~"calc((100% - 60px  ) / 4)";
            margin-right: 20px;

        }
        >div:nth-child(4n+4){
            margin-right: 0px;
        }
    }
  }
 